<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta http-equiv="X-UA-Compatible" content="IE=9" />
		<meta name="renderer" content="webkit">
		<title>员工卡维护</title>
		<link rel="stylesheet" type="text/css" href="../../css/cm-default.css"  />
		<link rel="stylesheet" type="text/css" href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/select2/css/select2.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/ligerUI/skins/ligerui-icons.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/bootstrap//css/bootstrap.css"/>
		<link type="text/css" rel="stylesheet" href="../../css/public.css"  />
		<link type="text/css" rel="stylesheet" href="../../css/pub.css"  />
		<script src="../../lib/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="../../lib/select2/js/select2.full.js" type="text/javascript"></script>
		<script src="../../lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
		<script src="../../lib/My97DatePicker/WdatePicker.js"></script>
		<script src="../../lib/jquery-validation/jquery.metadata.js" type="text/javascript"></script>
		<script type="text/javascript" src="../../lib/bootstrap/js/bootstrap.js" ></script>
		<script type="text/javascript" src="../../js/pub.js"></script>
 		<script src="employeeCardManage.js" type="text/javascript"></script>
 		<script src="../../js/common.js" type="text/javascript"></script>
	</head>
	
	<body>
	    <div class="form_tab contextHeight">
			<div id="form_option" class="contextWidth form_option">
				<div class="contextWidth form_option_content">
				<table><tr><td><span id="info" name="info" style="color: #0000FF"></span></td></tr></table>
					<button type="button" onclick="toSave()" class="form_Button btn btn-primary btn-xs">保存</button>
					<button type="button" onclick="toBack()" class="form_Button btn btn-primary btn-xs">返回</button>
					<button type="button" onclick="OpenDevice()" class="form_Button btn btn-primary btn-xs">获取卡片ID</button>
					<OBJECT classid=clsid:9431AA21-1C52-43CF-B0CD-886497990F92 width=0 height=0 align="center" 
						codebase="ActiveX.cab#version=1,0,0,1" id="CActiveXCtrl" name="CActiveXCtrl" HSPACE=0 VSPACE=0>
					</OBJECT>
					<input type="hidden" name="DeviceHandle" value="-1">
					<input type="hidden" name="BlockM1" value="1"/>
				</div>
			</div>
			<div id="form_core" class="form_core">
				<div id="formContent" class="formContent">
					<div class="form_core_content">
						<div id="form_content">
							<form class="form-horizontal" name="basic-form" method="post" id="basic_form" data-validate="{}">
								<div class="form_core_content_header">
									<h3>工卡信息&nbsp;</h3>
								</div>
								<div class="form_hidden">
									<input type="hidden" id="picking_id" />
								</div>
								<div class="form-group">
									<label for="userid" class="col-sm-1 control-label">员工编号：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<div style="position: relative;">
											<input name="userid" id="userid" readonly="readonly"
												class="form-control input-sm" /> <span id="help"
												class="input-sm help_icon" onclick="help_pop()"> <span
												class="glyphicon glyphicon-option-horizontal"></span>
											</span>
										</div>
									</div>
									<div class="col-sm-1"></div>
									<label for="name" class="col-sm-1 control-label">姓名：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input name="name" id="name" readonly="readonly"
											class="form-control input-sm"  placeholder="姓名" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="ssn" class="col-sm-1 control-label">身份证号：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="ssn" id="ssn" readonly="readonly"
											class="form-control input-sm" placeholder="身份证号" />
									</div>
									<div class="col-sm-1"></div>
									<label for="sex" class="col-sm-1 control-label">性别：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="sex" id="sex"
											class="form-control input-sm" placeholder="性别" readonly="readonly"/>
									</div>
								</div>
								
								<div class="form-group">
									<label for="address" class="col-sm-1 control-label">住址：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="address" id="address" readonly="readonly"
											class="form-control input-sm" placeholder="住址" />
									</div>
									<div class="col-sm-1"></div>
									<label for="mobile_phone" class="col-sm-1 control-label">手机：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="mobile_phone" id="mobile_phone" readonly="readonly"
											class="form-control input-sm" placeholder="手机" />
									</div>
								</div>
								
								<div class="form-group">
									<label for="company_id" class="col-sm-1 control-label">所属公司：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="company_id" id="company_id" readonly="readonly"
											class="form-control input-sm" placeholder="所属公司" />
									</div>
									<div class="col-sm-1"></div>
									<label for="dept_id" class="col-sm-1 control-label">所属部门：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input name="dept_id" id="dept_id" readonly="readonly"
											class="form-control input-sm"  placeholder="所属部门" />
									</div>
								</div>
								<div class="form-group">
									<label for="cardid" class="col-sm-1 control-label">员工卡ID：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="cardid" id="cardid"
											class="form-control input-sm" placeholder="员工卡ID" />
									</div>
									<div class="col-sm-1"></div>
									<label for="cardDept" class="col-sm-1 control-label">发卡部门：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<select name="cardDept" id="cardDept" class="form-control input-sm">
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="create_address" class="col-sm-1 control-label">制卡地址：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="create_address" id="create_address"
											class="form-control input-sm" placeholder="制卡地址" />
									</div>
									<div class="col-sm-1"></div>
									<label for="card_valid" class="col-sm-1 control-label">是否有效：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<select name="card_valid" id="card_valid" class="form-control input-sm">
											<option value="有效">有效</option>
											<option value="无效">无效</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="create_uid" class="col-sm-1 control-label">制卡人：</label>
									<div class="col-sm-3 col-sm-offset-1">
										<input type="text" name="create_uid" id="create_uid" readonly="readonly"
											class="form-control input-sm" placeholder="制卡人" />
									</div>
									<div class="col-sm-1"></div>
									<label for="create_date" class="col-sm-1 control-label">制卡时间：</label>
									<div class="col-sm-3 col-sm-offset-1" class="input_left_line">
									   <input type="text" name="create_date" id="create_date" class="form-control input-sm Wdate readonly"  
									   placeholder="制卡时间" readonly="readonly" data-toggle="tooltip" data-placement="right" title=""
									   onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})">
									</div>
								</div>
								
								<div>
									<!-- Nav tabs -->
									<ul class="nav nav-tabs" role="tablist">
									   <li role="presentation" class="active"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab" aria-expanded="true">门禁信息</a></li>
									</ul>
									<!-- Tab panes -->
									<div class="tab-content">
									   <div role="tabpanel" class="tab-pane tab_content active" id="tab1">
								   			<div class="formTable">
												<div id="p-div">
												
												</div>
												<table id="grid_0" class="table table-hover">
												   <tfoot>
												   	 <tr>
											   			 <td></td>
											         </tr>
												   </tfoot>
												   <tbody>
												      <tr>
													      <td class="oe_form_field_one2many_list_row_add">
													      	<a href="javascript:;" onclick="addNewRow();">添加一个项目</a>
													      	&nbsp;&nbsp;
													      </td>
												      </tr>
												   </tbody>
												</table>
								   			</div>
									   </div>
									</div>
								
								</div>
							</form>
						</div>
						<br />
						<div>
						<div id="pop_div">
							<div class="modal fade" id=addMx_Modal tabindex="-1"
								role="dialog" aria-labelledby="exampleModalLabel">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal"
												aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											<h4 class="modal-title" id="exampleModalLabel">帮助:</h4>
										</div>
										<div class="modal-body">
											<div id="form_table"></div>
										</div>
										<div class="modal-footer">
											<button type="button" id="pop_add_button"
												class="btn btn-primary" data-dismiss="modal">添加</button>
											<button type="button" class="btn btn-default"
												data-dismiss="modal">取消</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					</div>
				</div>
			</div>
	    </div>
	  </body>
</html>
